<script type="text/javascript" src="assets/print/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/print/html2canvas.min.js"></script>
<script type="text/javascript" src="assets/print/jquery.jqprint-0.3.js"></script>

<!-- 主页-报销申请-新增招待申请单 -->
<section id="container">
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">

            <div class="row">
                <div class="col-lg-12">
                    <!-- 结果页 -->
                    <section class="panel" id="printbox">
                        <header class="panel-heading add-heading">
                            借款冲销/还款单
                            <span class="add-icon">编号：20180101121445210</span>
                        </header>
                        <div class="panel-body">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr style="background:#999;color:#fff;">
                                        <td colspan="8"><strong>基本信息</strong></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">所属公司</td>
                                        <td colspan="2">赛特斯集团公司</td>
                                        <td colspan="2">所属部门</td>
                                        <td colspan="2">运营管理部</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">员工工号</td>
                                        <td colspan="2">HX0000</td>
                                        <td colspan="2">员工姓名</td>
                                        <td colspan="2">张三</td>
                                    </tr>
                                    <tr style="background:#999;color:#fff;">
                                        <td colspan="8"><strong>借款信息</strong></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">借款单编号</td>
                                        <td colspan="2">2018021215154545</td>
                                        <td colspan="2">借款类型</td>
                                        <td colspan="2">个人/项目</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">项目名称</td>
                                        <td colspan="6">个人/项目名称测试数据</td>

                                    </tr>
                                    <tr>
                                        <td colspan="2">借款日期</td>
                                        <td colspan="2">2018-01-02</td>
                                        <td colspan="2">借款金额</td>
                                        <td colspan="2">999</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">事由</td>
                                        <td colspan="6">测试数据</td>
                                    </tr>
                                    <tr style="background:#999;color:#fff;">
                                        <td colspan="8"><strong>还款/冲销信息</strong></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">还款/冲销类型</td>
                                        <td colspan="2">现金/发票</td>
                                        <td colspan="2">还款/冲销金额</td>
                                        <td colspan="2">999</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">说明</td>
                                        <td colspan="6">说明测试数据</td>
                                    </tr>
                                    <tr style="background:#999;color:#fff;">
                                        <td colspan="8"><strong>审批过程</strong></td>
                                    </tr>
                                    <tr style="font-weight:bold;">
                                        <td colspan="2">处理人</td>
                                        <td colspan="2">处理时间</td>
                                        <td colspan="4">处理结果</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">张三</td>
                                        <td colspan="2">2018-01-01 15:22</td>
                                        <td colspan="4">同意</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>
                    <!-- 操作按钮 -->
                    <section class="panel">
                        <div class="panel-body">
                            <p class="default-buttons">
                                <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">
                                    返回</a>
                                <a href="javascript:void(0);" class="button-next btn btn-info btn-l10">确认提交</a>
                                <a href="javascript:void(0);" class="button-next  btn btn-primary btn-l10" id="word">导出word</a>
                                <a href="javascript:void(0);" class="button-next  btn btn-success btn-l10" id="print">打印单据</a>
                            </p>
                        </div>
                    </section>
                </div>
            </div>
        </section>
    </section>
    <!--main content end-->
</section>

<script type="text/javascript" src="js/bcan/bcan.js"></script>

<!-- 打印组件 -->
<script type="text/javascript" src="assets/print/jquery.jqprint-0.3.js"></script>

<!-- 导出word组件 -->
<script type="text/javascript" src="assets/html2word/FileSaver.js"></script>
<script type="text/javascript" src="assets/html2word/jquery.wordexport.js"></script>

<script>
    $(function () {
        //打印初始化
        $("#print").click(function () {
            $("#printbox").jqprint();
        })
        //导出word
        $("#word").click(function () {
            $("#printbox").wordExport();
        })
    })
</script>